body
{
   width: 860px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("fond57.jpg");
   background-attachment: fixed; /* Le fond est fixé */
   
}
   
   #ent_ete
   {
   float: right;
   margin-right: 20px;
   margin-top: 15px;
   }
   h1
   {
   font-size: 1.2em;
   text-shadow: 4px 2px 6px yellow;
   color: red;
   }
   a
   {
   font-size: 1em;
   color: white;
   }

   #menu
{
   float: left; /* Le menu flottera à gauche */
   width: 160px; /* Très important : donner une taille au menu */
   background-color: none;
    
	margin-left: 2px;
	margin-right: 2px;
	font-family: Comic sans Ms, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: white;
   text-align: left;
    padding: 2px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	margin-top: 2px;
	font-size: 1em;
    text-shadow: 4px 2px 6px red;
		   
   }

   #corps
   {
   
   width: 760px;
   margin-left: 180px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px;
   
   color: white;
   text-align: center;
   text-indent: 30px;
   font-size: 0.9em;
    font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	
   }
   h4
   {
   font-size: 1em;
   text-align: left;
   color: white;
   text-align : left;
   }

#menu span
{
font-size: 0.8em;
}
   ul
   {
      list-style-type: none;
	  }
	  

   #convoc
   {
   
   width: 660px;
   margin-left: 180px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px;
  
   color: white;
   text-align: left;
      font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   }

	     h3
   {
      color: white;
   text-align: left;
      font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	  font-size: 1.2em;
	   text-shadow: 4px 2px 6px red;
	  }
	  
	  li
	  {	   text-shadow: 4px 2px 6px red;
	  }
	  
	     a
   {
   color: white;
   }
   	.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: red;
   color: yellow;
   }
   
   h3 p
   {
   text-align: center;
   }
   h6
   {
     color: white;
	  font-size: 1em;
	  text-align: justify;
	 
	 }
	  h2
   {
   text-align: center;
   font-size: 2em;
   } 
   
      h7
   {
   font-size: 1em;
   text-shadow: 4px 2px 6px red;
   color: red;
   }
	 
	 #gallery {
    position: relative;
    width: 750px;
}
#thumbs {
    width: 180px;
    float: left;
}
#thumbs a {
    display: block;
    float: left;
    margin: 0 0 5px 5px;
    width: 70px;
    height: 70px;
    border: 0px solid #000;
}
#thumbs a img {
    width: 70px;
    height: 70px;
    border: 0;
	
}
#thumbs a:hover {
    border-color: #ddd;
}
#thumbs a:hover img {
    position: absolute;
    width: 680;
    height: 500;
    top: 0;
    border: 1px solid white;
}